.outerContainer{
    position: relative;
    width:100%; 
    height:600px;
}
.titleLogo{
    height:80px;
    width:100%; 
    background:rgba(247, 239, 239, 0.7);
    opacity: 0.8;
}
.logo{
    position: absolute;
    top:-145px;
    left:10px;
    width:400px; 
    height:350px;
}
.outerContainer::after{
    position:absolute;
    content:"";
    background-image:url("./images/background-backside.jpg");
    opacity: 0.7;
    background-size:cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:-1;
}

.Container{
    display:flex;
    width:100%;
}
.leftContainer{
    background:rgba(247, 239, 239, 0.7);
    height:520px;
    width:30%;
    z-index:2;
}
.rightContainer{
    height:500px;
    width:70%;
    /* background:rgb(131, 181, 201); */
}

.rightContent{
    height:400px;
    margin:10px;
    border-radius: 1em;
    background:rgba(247, 239, 239, 0.7);
}


.navSerach{
    height:70px;
    background:rgba(247, 239, 239, 0.7);
    border-radius: 0.5em;
    margin:10px;
    position: relative;
    line-height: 70px;
}

.navSerach img{
    width:25px;
    height:25px;
    
}

.otherMessage{
    position:absolute;
    right:0;
    display:inline-block;
}
.otherMessage img{
    margin-right:20px;
}

.myInput{
    border-radius: 0.6em;
    border:1px solid #000;
    height:30px;
    width:200px;
    margin-left:50px;
    background:rgba(221, 213, 213);
}
